﻿@inherits LayoutComponentBase

<div class="error">
    <div class="bg">
        <img alt="404" src="images/404.png" />
    </div>
    <h3>请求资源未找到</h3>
    <p>资源不存在或者没有访问权限，点击这里 <a href="/">返回首页</a> <span>或者</span> <a href="/healths-ui">系统自检</a></p>
</div>


<style>
    .error {
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #f7f7f7;
    }

    h3 {
        font-size: 1.28rem;
        font-weight: bold;
        margin: 1.125rem 0;
    }

    .bg {
        background-image: url('../images/bg404.png');
        width: 458px;
        height: 215px;
        text-align: center;
    }

</style>